import { message } from "antd";

/*
 * @Author: cyfqyb
 * @LastEditors: cyfqyb cy15770703229@163.com
 * @LastEditTime: 2023-10-25 17:09:15
 * @FilePath: \ImBackend\src\view\Settings.tsx
 * @Date: 2023-10-25 17:05:38
 * @Description: 用户设置页
 */
export const Settings = () => {
	return (
		<div>
			{Array.from({ length: 3 }).map(() => {
				return (
					<div key={crypto.randomUUID()}>
						<h4>大家好</h4>
						<div className="demo">大家好</div>
						<SettingsMain />
					</div>
				);
			})}
		</div>
	);
};
export const SettingsMain = () => {
	return (
		<div>
			<h1 onClick={() => message.info("这是提示")}>这是设置的主题</h1>
			<div
				onClick={e => {
					message.error("这是错误");
					console.log(e);
				}}
			>
				大家好
				<div className="bg-[url(/bg.png)] w50 hover:bg-black font-size-16">unocss</div>
			</div>
		</div>
	);
};
